<div id="sms_root" class="page page-table">
    <section class="panel panel-default table-dynamic" data-ng-controller="sms">
        <div class="panel-heading">
            <strong><span class="glyphicon glyphicon-th"></span>&nbsp;&nbsp;&nbsp;&nbsp;发送短信</strong>
        </div>
        <div class="table-filters">
            <form id="smsform">
                <div class="row">
                    <div  class="col-sm-3">
                    </div>

                    <div class="col-sm-6 alert alert-warning fade in">
                        <a href="#" class="close" data-dismiss="alert"></a>
                        <strong id="alert_content">发送成功!</strong>
                    </div>
                    <div  class="col-sm-3">
                    </div>
                </div>
                <div class="row">
                    <input type="hidden" name="tempCode" value="${data.tempCode}">
                    <input type="hidden" name="signName" value="${data.signName}">
                    <div  class="col-sm-2">
                    </div>
                    <div  class="col-sm-4">
                        <div class="form-group">
                            <textarea name="smsTxt" id="smsTxt" type="text" readonly="readonly"
                                      style="overflow: hidden;background: white;border: 2px solid #ffb61c;resize: none;height: 230px"
                                      class="form-control input-lg">${data.contentTemp}</textarea>
                            <h4 id="smslenth" style="position: absolute;top: 190px;right: 30px;color: #ffb61c" class="text-success">200字</h4>
                        </div>
                    </div>
                    <div  class="col-sm-4">
                        <div class="form-group has-error has-feedback">
                            <input type="text"
                                   name="phoneNum"
                                   id="phoneNum"
                                   maxlength="12"
                                   class="form-control input-lg"
                                   placeholder="接收电话号码">
                        </div>
                        <div class="form-group ">
                            <input type="text"
                                   name="intevDate"
                                   id="intevDate"
                                   class="form-control input-lg"
                                   maxlength="13"
                                   placeholder="面试时间,例如:周1下午2点-5点,最多13个字">
                        </div>
                        <div class="form-group ">
                            <input type="text"
                                   name="contact"
                                   id="contact"
                                   maxlength="19"
                                   class="form-control input-lg"
                                   placeholder="联系人方式,最多19个字">
                        </div>
                        <div class="form-group-lg">
                            <a id="send_btn" onclick="sendSms()" class="btn disabled col-lg-12 block btn-warning btn-lg">发送短信</a>
                        </div>
                    </div>
                </div>
            </form>
            <script src="resources/scripts/myScripts/sms.js"></script>
        </div>
    </section>

    <!--<section class="panel panel-default table-dynamic">
        <div class="panel-heading">
            <strong><span class="glyphicon glyphicon-th"></span>&nbsp;&nbsp;&nbsp;&nbsp;短信历史</strong></div>
        <div class="table-filters">
            <form>
                <div class="row">
                    <div  class="col-sm-3">
                        <div class="input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i>&nbsp;&nbsp;开始</span>
                            <input type="text"
                                   id="start"
                                   class="form-control"
                                   datepicker-popup="yyyy-MM-dd"
                                   ng-model="dt"
                                   is-open="opened"
                                   datepicker-options="dateOptions"
                                   close-text="关闭">
                        </div>
                    </div>
                    <div id="endDiv" class="col-sm-3">
                        <div class="input-group ui-datepicker" data-ng-controller="DatepickerDemoCtrl">
                            <span class="input-group-addon"><i class="fa fa-calendar"></i>&nbsp;&nbsp;结束</span>
                            <input type="text"
                                   id="end"
                                   class="form-control"
                                   datepicker-popup="yyyy-MM-dd"
                                   ng-model="dt"
                                   is-open="opened"
                                   datepicker-options="dateOptions"
                                   close-text="关闭">
                        </div>
                    </div>
                    <div  class="col-sm-4">
                        <div class="form-group">
                            <input type="text"
                                   class="form-control "
                                   data-ng-model="search"
                                   placeholder="电话 / 姓名"
                                   data-ng-keyup="keyUpGetData()">
                        </div>
                    </div>
                    <div class="col-sm-1"><a class="btn btn-primary" data-ng-click="pageChange(1,true)">查询历史</a></div>
                </div>
            </form>
        </div>
        <footer class="table-footer">
            <div class="row">
                <div class="col-md-6 page-num-info">
                    <span>
                        显示  共{{pageSize}}页   {{total}}条
                    </span>
                </div>
                <div class="col-md-6 text-right pagination-container">
                    <pagination class="pagination-sm"
                                page="pageNum"
                                total-items="pageSize"
                                max-size="5"
                                on-select-page="pageChange(page)"
                                items-per-page="numPerPage"
                                rotate="true"
                                boundary-links="true"></pagination>
                </div>
            </div>
        </footer>
        <table class="table table-bordered table-striped table-responsive">
            <thead>
            <tr>
                <th style="width:140px;"><div class="th">
                    发送时间
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('createTime') "
                          data-ng-class="{active: row == 'createTime'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-createTime') "
                          data-ng-class="{active: row == '-createTime'}"></span>
                </div></th>
                <th><div class="th">
                    发送人
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('realName') "
                          data-ng-class="{active: row == 'realName'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-realName') "
                          data-ng-class="{active: row == '-realName'}"></span>
                </div></th>
                <th><div class="th">
                    接收电话
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('phoneNum') "
                          data-ng-class="{active: row == 'phoneNum'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-phoneNum') "
                          data-ng-class="{active: row == '-phoneNum'}"></span>
                </div></th>
                <th><div class="th">
                    接收人
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('eduName') "
                          data-ng-class="{active: row == 'eduName'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-eduName') "
                          data-ng-class="{active: row == '-eduName'}"></span>
                </div></th>
                <th>
                    <div class="th">
                    发送内容
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('sourceName') "
                          data-ng-class="{active: row == 'sourceName'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-sourceName') "
                          data-ng-class="{active: row == '-sourceName'}"></span>
                </div></th>
                <th>
                <div class="th">
                    发送状态
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('userName') "
                          data-ng-class="{active: row == 'userName'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-userName') "
                          data-ng-class="{active: row == '-userName'}"></span>
                </div></th>
                <th style="width:140px;"><div class="th">
                    最近联系
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('visitTime') "
                          data-ng-class="{active: row == 'visitTime'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-visitTime') "
                          data-ng-class="{active: row == '-visitTime'}"></span>
                </div></th>
                <th><div class="th">
                    情况
                    <span class="glyphicon glyphicon-chevron-up"
                          data-ng-click=" order('sitName') "
                          data-ng-class="{active: row == 'sitName'}"></span>
                    <span class="glyphicon glyphicon-chevron-down"
                          data-ng-click=" order('-visitTime') "
                          data-ng-class="{active: row == '-sitName'}"></span>
                </div></th>
                <th><div class="th">
                    备注
                </div></th>
                <th style="width:160px;"><div class="th">
                    操作
                </div></th>
            </tr>
            </thead>
            <style type="text/css">.true{color: red;}</style>
            <tbody>
            <tr data-ng-repeat="info in phones" class="{{info.timeout}}">
                <td>{{info.createTime | dataFormat}}</td>
                <td>{{info.realName}}</td>
                <td>{{info.phoneNum}}</td>
                <td>{{info.eduName}}</td>
                <td>{{info.sourceName}}</td>
                <td>{{info.userName}}</td>
                <td>{{info.visitTime | dataFormat}}</td>
                <td>{{info.sitName}}</td>
                <td>{{info.note}}</td>
                <td style="font-size: 12px;"><a style="color:#ff9d33;" data-ng-click="clickToOpen(info.id,info.userName)" href="">查看追踪</a>
                    &lt;!&ndash;{{info.state | distill}}{{info.createTime | abate}}&ndash;&gt;
                    &nbsp;&nbsp;&nbsp;&nbsp;<a style="color:#ff9d33;" data-ng-click="phoneInfo(info.id)" href="">查看</a>
                    &lt;!&ndash;&nbsp;&nbsp;&nbsp;&nbsp;<a  class="{{info.state | distill}}{{info.createTime | abate}}" style="color:#ff9d33;" data-ng-click="distill(info.id)" href="">提取</a>&ndash;&gt;
                </td>
            </tr>
            </tbody>
        </table>
        <div data-ng-hide="phoneAddHide" style="text-align: center;">
            <h4>没有找到你可以&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-info btn-sm" href="#/recruitStudent/addPhone">添加</a></h4><br/>
        </div>
    </section>-->
</div>
